<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>选项卡 - Xui Demo</title>
	<!-- demo -->
	<link rel="stylesheet" type="text/css" href="../demo.css">
	
	<!-- xui -->
	<link rel="stylesheet" type="text/css" href="../../xui.css">
	<script type="text/javascript" src="../../jquery.min.js"></script>
	<script type="text/javascript" src="../../xui.js"></script>
	
	<!-- xtabs -->
	<script type="text/javascript">
		$(function(){
			$("#xtabs").xtabs({
				width:580,
				height:300
			});
		})
	</script>
</head>
<body style="width:600px;">
	<h2>选项卡</h2>
	<div class="xtabs" id="xtabs">
		<div class="tabs_head">
			<div class="tabs_title">小米手机4c</div>
			<div class="tabs_title">九号平衡车</div>
			<div class="tabs_title">小米电视</div>
		</div>
		<div class="tabs_body">
			<div class="tabs_panel">			
				<h3>标准版</h3>
				<p>骁龙 808 处理器<br/>Adreno 418 图形处理器<br/>2GB 双通道 LPDDR3 内存<br/>16GB 容量 eMMC 5.0<br/>3000mAh / 3080mAh<br/>1299元</p>
			</div>
			<div class="tabs_panel">
				<h3>九号平衡车</h3>
				<p>年轻人的酷玩具，骑行遥控两种玩法<br/>迷你便携设计，3分钟上手<br/>22公里超长续航，15项安全技术<br/>1999元</p>
			</div>
			<div class="tabs_panel">
				<h3>智能电视进入分体时代<br/>主机、屏幕可独立升级</h3>
				<p>小米电视3把主机和屏幕完全分开，屏更轻薄，主机性能更强大，音质可提升至HiFi音响级别。当电视性能落伍时，无需更换屏幕，只需以低成本升级主机，就能让你的电视紧跟科技潮流</p>
			</div>
		</div>
	</div>
</body>
</html>